<template>
  <div>
      <MyHeader />
      <div class="changeBody">
          <Row :gutter="14">
            <Col v-if="chooseData.comName" class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComName'}" :class="result.comNameStage=='1'?'istrue':''" >
                  <span class="change-icon1"></span>
                  企业名称
                </router-link>
            </Col>
            <Col v-if="chooseData.comAddress" class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComAddress'}" :class="result.comAddressStage=='1'?'istrue':''">
                  <span class="change-icon2"></span>
                  住所
                </router-link>
            </Col>
            <Col v-if="chooseData.comScope" class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComScope'}" :class="result.comScopeStage=='1'?'istrue':''">
                  <span class="change-icon3"></span>
                  经营范围
                </router-link>
            </Col>
            <Col v-if="chooseData.comTerm" class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComTerm'}" :class="result.comTermStage=='1'?'istrue':''">
                  <span class="change-icon4"></span>
                  营业期限
                </router-link>
            </Col>
            <Col class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComUpload'}" :class="result.comUploadStage=='1'?'istrue':''">
                  <span class="change-icon5"></span>
                  文件上传
                </router-link>
            </Col>
        </Row>
      </div>
      <div class="huibg" style="margin-top:-0.5rem;">其他信息</div>
      <div class="changeBody">  
        <Row :gutter="14">
            <Col class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComContact'}" :class="result.comContactStage=='1'?'istrue':''">
                  <span class="change-icon6"></span>
                  企业联系人
                </router-link>
            </Col>
            <Col class="changeBodyList" span="8">
                <router-link :to="{ name: 'changeComAdd'}" :class="result.comAddStage=='1'?'istrue':''">
                  <span class="change-icon7"></span>
                  补充信息
                </router-link>
            </Col>
        </Row>
          <Button @click="next()" class="mainBtn" size="large" long type="primary">提交业务确认</Button>
          <div>
            <MyFooter/>
          </div>
      </div>
  </div>
</template>

<script>
import MyHeader from '../../components/MyHeader2.vue'
import MyFooter from "../../components/MyFooter.vue";
import request from "../../utils/request.js";
export default {
  data() {
    return {
      chooseData:{
        comName:true,
        comAddress:true,
        comScope:true,
        comTerm:true
      },
      result:{
        comNameStage:"1",
        comAddressStage:"1",
        comScopeStage:"0",
        comTermStage:"0",
        comUploadStage:"0",
        comContactStage:"0",
        comAddStage:"0"
      }
    };
  },
  mounted() {
    this.chooseData=JSON.parse(this.$route.query.chooseData);
  },
  methods: {
    next(){
      this.$router.push({name: 'changeComName'})
    }
  },
  components: {
    MyHeader,MyFooter
  }
};
</script>
<style>
.changeBody {
 padding:0.5rem;
}
.changeBodyList {
  text-align: center;
  font-size:0.5rem;
  margin-bottom:0.5rem;
}
.changeBodyList a {
color:#333;
display:block;
border:1px solid #CCCCCC;
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.changeBodyList span {
display: block;
height:1.5rem;
}
.change-icon1 {
  background:url(../../assets/img/menu9.png) no-repeat center top;
  background-size:auto 1rem;
}
.change-icon2 {
  background:url(../../assets/img/menu10.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.change-icon3 {
  background:url(../../assets/img/menu2.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.change-icon4 {
  background:url(../../assets/img/menu11.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.change-icon5 {
  background:url(../../assets/img/menu6.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.change-icon6 {
  background:url(../../assets/img/menu5.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.change-icon7 {
  background:url(../../assets/img/menu7.png) no-repeat center top;
  background-size:auto 1.2rem;
}
.mainBtn {
  height:1.75rem;font-size:0.64rem;
  margin-top:0.6rem;
}
.huibg {
  background:#F2F2F2;
  font-size:0.58rem;
  padding:0.3rem;
}
.istrue {
  background: url(../../assets/img/check.png) no-repeat top right;
  background-size: 1rem auto;
}
</style>

